<!-- SCRIPTS -->
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>

<!-- BODY -->
<h1>Map with Pedestrian Route from A to B</h1>
<p>This example calculates a walking route from <b>St Paul's Cathedral</b> in London (<i>51.5141°N, 0.0999°W</i>) to the <b>Tate Modern</b> (<i>51.5081°N, 0.0985°W</i>) on the south bank of the River Thames using pedestrian routing and displays it on the map. The calculation finds the shortest available walking route, which in this case directs the user to use the pedestrian only Millennium Footbridge.</p>
<hr/>
<div id="map" style="width: 600px; height: 300px; background: grey;" ></div>
<hr/>
<div id="panel" style="width: 600px; "></div>
